/*@import url('/static-resources/themes/westcoast/westcoast.css');*/ /* disabled and added at theme level (CMS-7019)*/

/* Import Titillium Font */

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:600,700,700i');

/* Website skins ---------------------------------------------------------------------------------- */

body{background-image:url(bg-image.jpg);background-color:#003087;}

/* Button ---------------------------------------------------------------------------------- */

.button.fatty, a.button.fatty {
    text-align: center;
    width: 100%;
    border-width: 0px;
    border-right-width: 0;
    border-bottom-width: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	}

a.button, button.button, input.button {
	display: block;
	font-family: 'Titillium Web',Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	font-size: 2em;
	padding-bottom: 10px;
	padding-top: 10px;
}

a.button, button.button {
    background: #003087;
    background: -moz-linear-gradient(center bottom,#003087,#1a4593) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear,left bottom,left top,from(#003087),to(#1a4593));
    color: #fff;
    outline-color: #003087;
	border: none;
}

.button:visited {
    color: #fff;
}

.button:hover {
    background-color: #0d3b8d;
	outline-color: #003087;
    color: #F2A900;
}

a.button:hover, button.button:hover {
	background-color: #0d3b8d;
	background: -moz-linear-gradient(center bottom,#0d3b8d,#1a4593) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear,left bottom,left top,from(#0d3b8d),to(#1a4593));
    color: #F2A900;
	outline-color: #003087;
	text-decoration: none;
}

.button.side {
  transition: all 0.1s;
  cursor: pointer;
  }
  
.button.side a:visited {
	color: #fff
}

.button.side span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.3s;
}

.button.side span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.3s;
}

.button.side:hover span {
  padding-right: 25px;
}

.button.side:hover span:after {
  opacity: 1;
  right: 0;
}


/* Header Styles ---------------------------------------------------------------------------------- */

h1 {
    font-family: 'Titillium Web',Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2;
    margin: 0 0 .25em;
    font-size: 2.6em;
	letter-spacing: normal;
	color: #003087;
}

h2, h3, h4, h5 {
    color: #003087;
    font-family: 'Titillium Web',Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
    font-weight: 700;
	letter-spacing: normal;
}

h1.contentTitle {
	font-family: 'Titillium Web',Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-weight: 700;
	font-style: italic;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2;
    margin: 0 0 .25em;
    font-size: 3em;
	letter-spacing: normal;
	text-transform: uppercase;
    color: #003087;
	padding: 20px 20px 20px 0px;
}

.header h1, .header h3 {
    font-family: 'Titillium Web',Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-weight: 700;
	font-style: italic;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2;
    margin: 0 0 .25em;
    font-size: 2.6em;
	letter-spacing: normal;
	text-transform: uppercase;
    color: #003087;
}

.content h4 {
	font-family: 'Titillium Web',Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2;
    margin: 0 0 .25em;
    font-size: 1.40em;
    margin-bottom: 0;
}


/* Section style ---------------------------------------------------------------------------------- */

.section-header {
    font-family: 'Titillium Web',Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
    font-weight: 700;
    margin: 0;
    padding: 5px 0 5px 30px;
    text-transform: uppercase;
    font-size: 1.1em;
}


/* Header colours ---------------------------------------------------------------------------------- */

.article-col h2, .article-col h3, .tally, a, a:hover, a:visited, div.gallery-list ul li a, div.gallery-list ul li a:hover, h1, h4, h4 a, h4 a:hover, h4 a:visited {
    color: #003087;
}

.list-item.vidlist h4, .list-item.vidlist h4 a, .list-item.vidlist h4 a:hover, .list-item.vidlist h4 a:visited, .list-item h4, .list-item h4 a, .list-item h4 a:hover, .list-item h4 a:visited {
	color: #003087;
}

h4.partial--finals-video__caption {
    font-weight: 600;
	margin: 6px 0;
    font-size: .8rem;
	line-height: 1.1;
    height: 30px;
    overflow: hidden;
}

.double-col .list-item.vidlist h4, .double-col .list-item.vidlist h4 a, .double-col .list-item.vidlist h4 a:hover, .double-col .list-item.vidlist h4 a:visited {
		color: #003087;
}

.list-item.piclist h4, .list-item.piclist h4 a, .list-item.piclist h4 a:hover, .list-item.piclist h4 a:visited {
    font-weight: 700;
	color: #003087;
}

/* List styles ---------------------------------------------------------------------------------- */

.list-item h4 {
	font-family: 'Titillium Web',Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
	font-weight: 600;
    line-height: 1.1;
    margin: 0 0 .25em;
	letter-spacing: normal;
	color: #003087;
}

.partial--ooyala-video-player-with-caption .caption h4 {
    font-family: 'Titillium Web',Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
	font-weight: 600;
    font-size: 1.5em;
    margin: 0 0 .25em;
    margin: .25em 0;
}

.related-list.kicker li {
    font-family: 'Titillium Web',Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2;
    margin: 0 0 .25em;
    font-weight: 400;
}

.article-col .tabs ul.ui-tabs-nav li.ui-state-active a, .article-col .tabs ul.ui-tabs-nav li a:hover {
    background-color: #003087;
    color: #fff;
    border-color: #003087;
}

ul.profile-list h1 {
    font-family: 'Titillium Web',Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2;
    margin: 0 0 .25em;
    display: block;
    height: 1.22em;
    font-size: 2.6em;
    margin: 5px 0 0 75px;
}

ul.profile-list h2 {
    font-size: 1.2em;
    margin: 0 0 0 78px;
}

#cf {
  position:relative;
  height:281px;
  width:450px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}

/* List colours ---------------------------------------------------------------------------------- */

.related-list li a, .related-list li a:hover, .related-list li a:visited, h4.partial--finals-video__caption a {
	color: #003087;
}

.related-list.kicker, .related-list.kicker li a, .related-list.kicker li a:active, .related-list.kicker li a:hover, .related-list.kicker li a:visited {
	color: #003087;
}

.related-list.kicker, .related-list.kicker li a, .related-list.kicker li a:active, .related-list.kicker li a:hover, .related-list.kicker li a:visited {
	color: #003087;
}

/* Landing Page colours ---------------------------------------------------------------------------------- 

.landingpagewrapper {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.landingpagefeature {
    display: inline-block;
    border: 1px solid #E2E2E2;
    margin-right: 5px;
    width: 30%;
    border-radius: 3px;
    text-align: center;
}

.landingpagefeature {
    text-decoration: none;
    color: #003087;
    margin-top: 20px;
    transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-family: 'Montserrat','Calibri', sans-serif;
}

.landingpagefeatureside {
    display: inline-block;
    border: 1px solid #E2E2E2;
    margin: auto;
    width: 150px;
    border-radius: 3px;
    text-align: center;
}

.landingpagefeatureside {
    text-decoration: none;
    color: #003087;
    transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-family: 'Montserrat','Calibri', sans-serif;
}

.landingpageicon {
    background: rgba(0, 0, 0, 0) url(http://intranet.wce.com.au/Pictures/buttons/hrfeaturebutton-2x.jpg) no-repeat scroll center top / 100% 100%;
    height: 135px;
    position: relative;
    width: 100%;
}

.landingpagefeature img {
    display: inline-block;
    margin: 0 auto;
    max-height: 45%;
    max-width: 45%;
    position: relative;
    top: 21%;
    transition: all 0.3s ease 0s;
    z-index: 1;
}

.landingpagefeatureside img {
    display: inline-block;
    margin: 0 auto;
    max-height: 45%;
    max-width: 45%;
    position: relative;
    top: 21%;
    transition: all 0.3s ease 0s;
    z-index: 1;
}

.landingpageiconbg {
    background: #F2A900 none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    content: " ";
    height: 94px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 12px;
    width: 94px;
}

.landingpagedescription p {
    margin: 5% auto;
    max-width: 90%;
	font-family: Calibri;
	font-size: 12px;
}

.landingpagedescription h5 { 
    display: block;
	font-family: Montserrat;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: 700;
}

.landingpagedescription h6 { 
    display: block;
	font-family: Montserrat;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    font-weight: 700;
}

.landingpagefeaturebtn {
    background: #003087 none repeat scroll 0 0;
    color: #ffffff;
	font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 0;
    width: 100%;
    -webkit-font-smoothing: antialiased;
}

.landingpagefeature:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.landingpagefeature:hover .hrfeaturebtn {
    background: #33599f none repeat scroll 0 0;
}

.landingpagefeature:hover .hriconbg {
    background: #f5ba33 none repeat scroll 0 0;
}

.landingpagefeature:hover .hricon img {
    margin-top: -5px;
}

.landingpagefeatureside:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.landingpagefeatureside:hover .landingpagefeaturebtn {
    background: #33599f none repeat scroll 0 0;
}

.landingpagefeatureside:hover .landingpageiconbg {
    background: #f5ba33 none repeat scroll 0 0;
}

.landingpagefeatureside:hover .hricon img {
    margin-top: -5px;
}

*/

/* Footer style ---------------------------------------------------------------------------------- */

.footer-container .footer-sponsors ul li.intro {
	color: #003087;
	font-family: 'Titillium Web',Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2;
    margin: 0 0 .25em;
    vertical-align: top;
    font-size: 1.35em;
    margin-top: 0;
    margin-bottom: 5px;
    width: 100%;
	}

/**************************************/
/* ABOVE CSS IMPORTS ARE MANDATORY    */
/* Please add CSS override below only */
/**************************************/

/* Lifecycle */

/*.lifecycle .content {background: url("/staticfile/AFL%20Tenant/WestCoastEagles/Lifecycle/wce300x370.jpg") repeat scroll 0 0 transparent !important;}*/
/*.lifecycle .content h3 {color: #fff;}*/
/*.lifecycle .content .round-info.pre-game {color: #fff;}*/
/*.lifecycle .team-logos .team-vs {color: #fff;}*/

/* Hide Social Ratings */
#showRatingsListDiv_b67816bd96c06310VgnVCM10000085fea8c0RCRD {display:none;}


/* Reduce the WCE logo size in the sponsor bar footer */

.footer-container .footer-sponsors .logo img {
  width: 127px;
  height: 92px;
}

.footer-container .footer-sponsors .logo {
	width: 140px;
}

.t-clubs .c-site-header__branding-image {
  /* Add your header background image below*/
    background-image: url('wce-clubheaderbgimage-finals.jpg');
}